<template>
<div>
  <div class="show-time" v-if="type==1" :style="{
     width: 50*size+'px',
  height: 10*size+'px',
  borderRadius: 3*size+'px',

  }" >
    <div :style="{width: 35*size+'px',height:5*size+ 'px',backgroundColor: '#000710'} "  >
    </div>
  </div>
  <div class="show-time" v-if="type==0" :style="{
      width: 50*size+'px',
      height: 10*size+'px',
     borderRadius: 3*size+'px'
  }" >
     <div  :style="{width: 15*size+'px',height: 5*size+'px',backgroundColor: '#000710'}"></div>
    <div :style="{width: 5*size+'px',height: 5*size+'px'}"></div>
     <div :style="{width: 15*size+'px',height: 5*size+'px',backgroundColor: '#000710'}" ></div>
  </div>
</div>
</template>
<script>
export default {
  props:{
    type: {
      type: String,
      default: 1
    },
    size:{
      type: Number,
      default: 1
    }
  },
  name: "yao",
  data(){
    return{

    }
  },
  methods:{
    toReq(e){
      console.log(e)
    }
  }
}

</script>
<style scoped>
.yin{

}

.yang{
  border-radius: 3px;
  width: 50px;
  height:10px;
}


</style>